﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Home.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeaderContent" runat="server">
	<link href="<%=Url.Content("/Content/DefaultTheme/css/cart.css") %>" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript">
        $(function () {
            $(".thanhtoan_list li").hover(function () {
                $(this).addClass("thanhtoan_hover");
            },
               function () {
                   $(this).removeClass("thanhtoan_hover");
               }
            );

            $(".thanhtoan_list li").click(function () {
                $(this).find("input:radio").attr("checked", true);
                $(".thanhtoan_list li").removeClass("thanhtoan_yellow");
                $(this).addClass("thanhtoan_yellow");
            });
        });
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="wrap_cart">
        <div class="cart_top"><img alt="" src="../../Content/DefaultTheme/images/thanh_toan_bg.png" /> </div>
        <div class="cart_content">
            <div class="cart_title">
                <span class="c_title-ico" style="margin-left:10px;"><img alt="" src="../../Content/DefaultTheme/images/title_ico.png" /></span>
                <span class="c_title_text">thông tin đơn hàng của bạn</span>
            </div>
            <!-- begin cart content -->
            <div class="cart_content_title">
                <span class="title-del">Xóa</span>
                <span class="title-product">Sản phẩm/Dịch vụ</span>
                <span class="title-price">Đơn giá(VNĐ)</span>
                <span class="title-soluong">Số lượng</span>
                <span class="title-thanhtien">Thành tiền(VNĐ)</span>
            </div>
            <div class="cart_listitem">
                <div class="cart_item">
                    <div class="item_row"><span class="title-del" style="margin-left:0px;"><a href="" title="Xóa sản phẩm này"><img alt="" src="../../Content/DefaultTheme/images/btn_del_item.png"  title="Xóa sản phẩm này"/></a></span></div>
                    <div class="item_row"><span class="title-product"><a href="">Phiếu giảm giá 50% máy bay ĐKTX</a></span></div>
                    <div class="item_row"><span class="title-price">150.000</span></div>
                    <div class="item_row"><span class="title-soluong"><select><option>1</option><option>2</option></select></span></div>
                    <div class="item_row"><span class="title-thanhtien">300.000</span></div>
                </div><!-- end div.cart_item -->
                <div class="cart_item">
                    <div class="item_row"><span class="title-del" style="margin-left:0px;"><a href="" title="Xóa sản phẩm này"><img alt="" src="../../Content/DefaultTheme/images/btn_del_item.png"  title="Xóa sản phẩm này"/></a></span></div>
                    <div class="item_row"><span class="title-product"><a href="">Phiếu giảm giá 50% máy bay ĐKTX</a></span></div>
                    <div class="item_row"><span class="title-price">150.000</span></div>
                    <div class="item_row"><span class="title-soluong"><select><option>1</option><option>2</option></select></span></div>
                    <div class="item_row"><span class="title-thanhtien">300.000</span></div>
                </div><!-- end div.cart_item -->
                <div class="cart_item">
                    <div class="item_row"><span class="title-del" style="margin-left:0px;"><a href="" title="Xóa sản phẩm này"><img alt="" src="../../Content/DefaultTheme/images/btn_del_item.png"  title="Xóa sản phẩm này"/></a></span></div>
                    <div class="item_row"><span class="title-product"><a href="">Phiếu giảm giá 50% máy bay ĐKTX</a></span></div>
                    <div class="item_row"><span class="title-price">150.000</span></div>
                    <div class="item_row"><span class="title-soluong"><select><option>1</option><option>2</option></select></span></div>
                    <div class="item_row"><span class="title-thanhtien">300.000</span></div>
                </div><!-- end div.cart_item -->

                <div class="sum_item">
                    <span class="sum_item_title"><p>Tổng cộng&nbsp;</p></span>
                    <span class="sum_item_value"><p>1.200.000</p></span>
                </div>
                <div class="sum_item">
                    <span class="sum_item_title"><p>Phí vận chuyển&nbsp;</p></span>
                    <span class="sum_item_value"><p>1.200.000</p></span>
                </div>
                <div class="sum_item" style="background:#e9e9e9;font-weight:bold;">
                    <span class="sum_item_title"><p>Tổng tiền thanh toán&nbsp;</p></span>
                    <span class="sum_item_value"><p>1.200.000</p></span>
                </div>
            </div>
            
            <!-- end cart content -->
        </div><!-- end div.cart_content -->

        <div class="cart_address">
            <div class="cart_title">
                <span class="c_title-ico"><img alt="" src="<%=Url.Content("/Content/DefaultTheme/images/title_ico.png") %>" /></span>
                <span class="c_title_text">địa chỉ nhận hàng</span>
            </div> 
            <div class="info_box">
                <div class="info_box_top"><img alt="" src="<%=Url.Content("/Content/DefaultTheme/images/order_box_top.png") %>" /></div>
                <div class="info_box_content">
                    <div class="address_one" style="margin-top:15px;">
                        <span class="add_title">Họ và tên:</span>
                        <span class="add_input"><input type="text" id="FullName" name="FullName" /></span>
                    </div>
                   <div class="address_one">
                        <span class="add_title">Điện thoại:</span>
                        <span class="add_input"><input type="text" id="Text1" name="FullName" /></span>
                    </div>
                    <div class="address_one">
                        <span class="add_title">Tỉnh thành:</span>
                        <span class="add_input">
                            <select style="width:210px;"><option>TP Hồ Chí Minh</option><option>Hà nội</option></select>
                        </span>
                        <span class="add_title" style="width:100px;">Quận huyện:</span>
                        <span class="add_input">
                            <select style="width:210px;"><option>TP Hồ Chí Minh</option><option>Hà nội</option></select>
                        </span>
                    </div>

                    <div class="address_one">
                        <span class="add_title">Địa chỉ:</span>
                        <span class="add_input"><input type="text" id="Text2" name="FullName"/></span>
                    </div>
                    
                    <div class="address_one">
                        <span class="add_title">Địa chỉ giao hàng:</span>
                        <span class="add_input"><input type="text" id="Text4" name="FullName" /></span>
                    </div>
                    <div class="address_one" style="margin-bottom:20px;">
                        <span class="add_title">Lời nhắn:</span>
                        <span class="add_input"><input type="text" id="Text5" name="FullName" /></span>
                    </div>
                </div><!-- end div.info_box_content -->
                <div class="info_box_bottom"><img alt="" src="<%=Url.Content("/Content/DefaultTheme/images/order_box_bottom.png") %>" /></div>
            </div><!-- end div.info_box -->
        </div>

        <div class="cart_thanhtoan">
            <div class="cart_title">
                <span class="c_title-ico"><img alt="" src="<%=Url.Content("/Content/DefaultTheme/images/title_ico.png") %>" /></span>
                <span class="c_title_text">phương thức thanh toán</span>
            </div> 
            <div class="info_box">
                <div class="info_box_top"><img alt="" src="<%=Url.Content("/Content/DefaultTheme/images/order_box_top.png") %>" /></div>
                <div class="info_box_content">
                    <ul class="thanhtoan_list">
                        <li>
                            <div class="thanhtoan_col1">
                                <span class="thanhtoan_check"><input type="radio" id="Radio1" name="cash" class="thanhtoan_radio"/></span>
                                <span class="thanhtoan_ico"><img alt="" title="Thanh toán bằng tiền mặt" src="../../Content/DefaultTheme/images/cash.png" /></span>
                            </div>
                            <div class="thanhtoan_col2">
                                <span class="thanhtoan_title">Thanh toán trực tiếp</span>
                            </div>
                        </li>
                        <li>
                            <div class="thanhtoan_col1">
                                <span class="thanhtoan_check"><input type="radio" id="Radio2" name="cash" class="thanhtoan_radio"/></span>
                                <span class="thanhtoan_ico"><img alt="" title="Thanh toán bằng tiền mặt" src="../../Content/DefaultTheme/images/credit_card_ico.png" /></span>
                            </div>
                            <div class="thanhtoan_col2">
                                <span class="thanhtoan_title">Thanh toán bằng bằng thẻ ATM, chuyển khoản qua ngân hàng</span>
                            </div>
                        </li>
                        <li>
                            <div class="thanhtoan_col1">
                                <span class="thanhtoan_check"><input type="radio" id="Radio3" name="cash" class="thanhtoan_radio"/></span>
                                <span class="thanhtoan_ico"><img alt="" title="Thanh toán bằng tiền mặt" src="../../Content/DefaultTheme/images/post_ico.png" /></span>
                            </div>
                            <div class="thanhtoan_col2">
                                <span class="thanhtoan_title">Dịch vụ bưu điện</span>
                            </div>
                        </li>
                    </ul>

                </div><!-- end div.info_box_content -->
                <div class="info_box_bottom"><img alt="" src="<%=Url.Content("/Content/DefaultTheme/images/order_box_bottom.png") %>" /></div>
            </div><!-- end div.info_box -->
        </div>

        <div class="thanhtoan_control">
            <div class="continous-shop">
                <span class="btn_ctn_b"><a href="">Tiếp tục mua hàng</a></span>
            </div>
            <div class="finish_order">
                <span class="btn_finish_o"><a href="">Hoàn tất mua hàng</a></span>
            </div>
        </div>

    </div>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="RightContent" runat="server">
</asp:Content>
